<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人员结构</title>
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./People_manage.css">
</head>
<body>
<table class="table table-bordered table-hover table-striped">
    <thead>
    <tr>
        <th>#</th>
        <th>姓名</th>
        <th>手机</th>
        <th>角色</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>678976896</td>
        <td>班主任</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>897689542</td>
        <td>班主任</td>
    </tr>
    <tr>
        <td>1</td>
        <td>王五</td>
        <td>89056898</td>
        <td>助教</td>
    </tr>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>876897689</td>
        <td>运维</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>789698768</td>
        <td>管理员</td>
    </tr>
    <tr>
        <td>1</td>
        <td>王五</td>
        <td>735439857</td>
        <td>运维</td>
    </tr>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>879459473</td>
        <td>管理员</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>834578349</td>
        <td>班主任</td>
    </tr>
    <tr>
        <td>1</td>
        <td>王五</td>
        <td>98745094</td>
        <td>运维</td>
    </tr>
    <tr>
        <td>1</td>
        <td>王五</td>
        <td>735439857</td>
        <td>运维</td>
    </tr>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>879459473</td>
        <td>管理员</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>834578349</td>
        <td>班主任</td>
    </tr>
    <tr>
        <td>1</td>
        <td>王五</td>
        <td>98745094</td>
        <td>运维</td>
    </tr>
    <tr>
        <td>1</td>
        <td>王五</td>
        <td>735439857</td>
        <td>运维</td>
    </tr>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>879459473</td>
        <td>管理员</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>834578349</td>
        <td>班主任</td>
    </tr>
    <tr>
        <td>1</td>
        <td>王五</td>
        <td>98745094</td>
        <td>运维</td>
    </tr>
    <tr>
        <td>1</td>
        <td>王五</td>
        <td>735439857</td>
        <td>运维</td>
    </tr>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>879459473</td>
        <td>管理员</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>834578349</td>
        <td>班主任</td>
    </tr>
    <tr>
        <td>1</td>
        <td>王五</td>
        <td>98745094</td>
        <td>运维</td>
    </tr>
    </tbody>
</table>
<nav aria-label="Page navigation">
    <ul class="pagination pagination-lg">
        <li class="edx_page">
            <a href="javascript:void(0);" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <!--<li><a href="javascript:void(0);">1</a></li>-->
        <!--<li><a href="javascript:void(0);">2</a></li>-->
        <!--<li><a href="javascript:void(0);">3</a></li>-->
        <!--<li><a href="javascript:void(0);">4</a></li>-->
        <!--<li><a href="javascript:void(0);">5</a></li>-->
        <li>
            <a href="javascript:void(0);" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
    </ul>
</nav>
<!-- Modal -->
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">添加学员</h4>
            </div>
            <div class="modal-body">
                <lable><i>*</i> 姓 名:</lable>
                <input type="text" name="username" placeholder="请输入姓名">
                <span></span><br/>
                <lable><i>*</i> 账 号:</lable>
                <input type="text" name="account" placeholder="账号">
                <span></span><br/>
                <lable><i>*</i> 密 码:</lable>
                <input type="password" name="password" placeholder="密码">
                <span></span><br/>
                <lable><i>*</i> 角 色:</lable>
                <select id="edx_admin" class="select">
                    <option value="班主任" selected>班主任</option>
                    <option value="助教">助教</option>
                    <option value="管理员">管理员</option>
                    <option value="运维人员">运维人员</option>
                </select>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="submit" class="btn btn-primary">保存</button>
            </div>
            <div class="edx_mask">
                <h4>保存成功</h4>
            </div>
        </div>
    </div>
</div>
<div class="edx_addTable">
    <button class="btn btn-info btn-primary" data-toggle="modal" data-target="#myModal">添加</button>
</div>
<script src="../lib/jquery/jquery.min.js"></script>
<script src="../lib/bootstrap/js/bootstrap.min.js"></script>
<script src="./People_manage.js"></script>
</body>
</html>